{template 'header'}
  <link href="../addons/cw_weijiajiao/template/mobile/css/cate10_0.css" rel="stylesheet" type="text/css">
  <link href="../addons/cw_weijiajiao/template/mobile/css/iscroll.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="../addons/cw_weijiajiao/template/mobile/css/plugmenu.css">
  <style>
      #cate10 .catemenu li:nth-child(n+4) img {
          display: block;
      }
      #cate10 .catemenu li:nth-child(n+4) a {
          padding: 20px 5px 10px;
      }
      #cate10 .catemenu li a {
      	background-color:#f37c6d;
          /*background-image: -webkit-gradient(linear, right bottom, left top, from(#282828), to(#272727), color-stop(47%, #676767));
          background-image: -webkit-linear-gradient(bottom right, #282828, #272727 47%, #676767);
          background-image: linear-gradient(to top left, #282828, #272727 47%, #676767);/*黑色渐变的3个颜色，可以自由更换*/
          margin:0;
          border-radius: 0;
      }
      #cate10 .catemenu li:nth-child(2n) a {
      	background-color:#4d3ffc;
          /*background-image: -webkit-gradient(linear, right bottom, left top, from(#2f5d97), to(#557dab), color-stop(47%, #9bb4d4));
          background-image: -webkit-linear-gradient(bottom right, #2f5d97, #557dab 47%, #9bb4d4);
          background-image: linear-gradient(to top left, #2f5d97, #557dab 47%, #9bb4d4);/*蓝色渐变的3个颜色，可以自由更换*/
          color:#fff;/*文字的颜色，可以自由更换*/
      }
      #cate10 .catemenu {
          margin:0;
          border-radius: 0;
      } 
      #cate10 .catemenu a {
          border:0; color:#fff;/*文字的颜色，可以自由更换*/
      } 
      #cate10 {
          background-color:#fff;/*黑色背景，可以自由更换*/
      }

  </style>
        <script src="../addons/cw_weijiajiao/template/mobile/js/iscroll.js" type="text/javascript"></script>
        <script type="text/javascript">
            var myScroll;

            function loaded() {
                myScroll = new iScroll('wrapper', {
                    snap: true,
                    momentum: false,
                    hScrollbar: false,
                    onScrollEnd: function () {
                        document.querySelector('#indicator > li.active').className = '';
                        document.querySelector('#indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active';
                    }
                });
            }

            document.addEventListener('DOMContentLoaded', loaded, false);
        </script>

    </head>
<!-- 这里是幻灯片-->
    <body id="cate10">
       <div class="banner">
                      <div id="wrapper">
                   <div id="scroller"; -webkit-transition: 0ms; transition: 0ms; -webkit-transform: translate3d(0px, 0px, 0px) scale(1);">
                       <ul id="thelist"> 
						  <li><p></p><a href="{php echo $this->createMobileUrl('department',array('id' => $id))}"> <img src="{$_W['attachurl']}{$info_picurl}" ></a></li>
						  <li><p></p><a href="{php echo $this->createMobileUrl('department',array('id' => $id))}"> <img src="{$_W['attachurl']}{$info_picurl2}" ></a></li>
                       </ul>
                       
                   </div>
               </div>
		<div id="nav">
			<div id="prev" onclick="myScroll.scrollToPage('prev', 0,400,3);return false">← prev</div>
			<ul id="indicator">
			<li class="active">1</li><li class="">2</li>			 
			</ul>
			<div id="next" onclick="myScroll.scrollToPage('next', 0);return false">next →</div>
		</div>
		<div class="clr"></div>
        </div>

        <div id="insert1"></div>

<!--  这里是栏目 -->
        <div class="catemenu">
            <ul> 
                <li>
                    <a href="{php echo $this->createMobileUrl('department',array('id' => $id))}"><img src="../addons/cw_weijiajiao/template/mobile/images/1.png" style="width:45px; height:45px;">机构介绍</a></li>
                <li>
                    <a href="{php echo $this->createMobileUrl('teacher',array('id' => $id))}"><img src="../addons/cw_weijiajiao/template/mobile/images/2.png" style="width:45px; height:45px;">教师介绍</a></li>
                <li>
                    <a href="{php echo $this->createMobileUrl('profession',array('id' => $id))}"><img src="../addons/cw_weijiajiao/template/mobile/images/3.png" style="width:45px; height:45px;">成果介绍</a></li>
                <li>
                    <a href="{php echo $this->createMobileUrl('teacher',array('id' => $id))}"><img src="../addons/cw_weijiajiao/template/mobile/images/4.png" style="width:45px; height:45px;">预约报名</a></li>
                <li>
                    <a href="http://api.map.baidu.com/marker?location={$reply['lat']},{$reply['lng']}&title={$reply['address']}&content={$reply['address']}&output=html&src=|" class="tbox" target="_blank"><img src="../addons/cw_weijiajiao/template/mobile/images/8.png" style="width:45px; height:45px;">来院路线</a></li>
                <li>
                    <a href="{php echo $this->createMobileUrl('mylist',array('department_id' => $id))}"><img src="../addons/cw_weijiajiao/template/mobile/images/9.png" style="width:45px; height:45px;">我的报名</a></li>
                <div class="clr"></div>
            </ul>
        </div>

        <script>


            var count = document.getElementById("thelist").getElementsByTagName("img").length;	


            for(i=0;i<count;i++){
                document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

            }

            document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";


            setInterval(function(){
                myScroll.scrollToPage('next', 0,400,count);
            },4000 );

            window.onresize = function(){ 
                for(i=0;i<count;i++){
                    document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px;height:400px;";

                }

                document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px;height:400px;";
            } 

        </script>
        <div id="insert2"></div>
        <div style="display:none"> </div>
<script src="../addons/cw_weijiajiao/template/mobile/js/zepto.min.js" type="text/javascript"></script>
<script src="../addons/cw_weijiajiao/template/mobile/js/plugmenu.js" type="text/javascript"></script>
<script>
// 自定义分享数据的调用
sharedata = {
	title: '{$title}',
	desc: '{$title}为您提供优质教育服务！',
	link: '{$_W['siteroot']}app/{php echo $this->createMobileUrl('index',array('id' => $id))}',
	imgUrl: '{$_W['attachurl']}{$info_picurl}',
	success: function(){}
};
</script>

{template 'footer'}